<template id="seafood">
    <div class="sea">
       <!-- <v-head></v-head>-->
       <!-- <v-banner></v-banner>-->
        <div id="sea_1">
        <div class="sea_con">
            <!--<img src="../image/banner.jpg" alt="">-->
            <img v-bind:src="tag.url"  alt="" >
        </div>
        <div class="fruits_mm">
            <div id="seafood_fruits_list">
                <div class="swiper-container" id="myswiper3">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide" @click="classGoods(v.id)" v-for="v in cat_list">{{v.name}}</div>
                    </div>
                </div>
            </div>
             <!--海鲜-->
            <div class="Promotion">
                    <p>{{tag.title}}</p>
                    <p>{{tag.brief}}</p>
            </div>

            <div class="fruits_x_ma" >
                <div class="fruits_bu_mmg"  v-for="sel in tag.list">
                    <div class="fruits_li_st">
                        <div class="fruits_x_m">
                            <img class="img_l1"   v-lazy="sel.thumb" alt="" @click="getDetail(sel.id)">
                            <span class="wen_zi_m3" v-if="sel.discount">{{sel.discount}}</span>
                        </div>
                        <div class="fruits_x_right">
                            <h2 @click="getDetail(sel.id)">{{sel.name}}</h2>
                            <p @click="getDetail(sel.id)">{{sel.goods_brief}}</p>
                            <div class="fruits_Select_price"><span @click="getDetail(sel.id)"><strong>{{sel.shop_price | my-filter}}</strong><!--<time v-if="sel.goods_share">/{{sel.goods_share}}</time>--></span><img src="../image/gou.png" alt="" @click="addCart(sel.id,sel.thumb)"></div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
            <p style="height:1rem;"></p>
        </div>

       <!-- <v-footer></v-footer>-->
    </div>
</template>
<script>
  /*  import head from './head.vue';*/
    /*import banner from './banner.vue';*/
  /*  import footer from './footer.vue';*/
    export default{
        name:'seafood',
        components:{
         /*   'v-head':head,*/
           /* 'v-banner':banner,*/
           /* 'v-footer':footer*/
        },
        data(){
            return{
                status_name:{'-1':'已结束', '0':'未开始', '1':'进行中'},
                goods_list:[],
                cat_list:[],
                banners:[],
                now_time:'',
                images:[],
                tag:[],
            }
        },
        mounted:function(){

            //分享载入
            this.GLOBAL.get_share(this,'seafood');
            
            //页面专题
            let mode1 = 'new_seafood';
            this.GLOBAL.getNew(this,mode1,4);

            //页面tags
            this.$http.jsonp(
                this.GLOBAL.BaseUrl+'/mobile/api/v1/FlashSale.php?mode=tags&type=seafood',
                {jsonp:'callback'}
            ).then(function (res) {
                this.cat_list = res.body.data;
            });


          /*  let H = $(window).height()
            $('#sea_1').height(H)*/
            var seafood_fruits_list=new Swiper('#myswiper3', {
                freeMode: true,
                freeModeMomentumRatio: 0.5,
                observer:true,
                slidesPerView: 'auto',
            });
        
        },
        methods:{
            switchNowTime:function (val) {
                this.now_time = val;
            },
            classGoods:function(id){
                this.$router.push('/list?cat_id='+id)
            },
            addCart:function(goods_id,image, number = 1){
                this.GLOBAL.addCart(this,goods_id,number);
                this.GLOBAL.get_te(image)
            },
            getDetail:function(id){
                this.$router.push('/shopDetails?goods_id='+id);
            },
        },
    }

</script>
<style>
    .flyer-img{height:50px;width:50px;border-radius: 50%;}
    /*打折样式*/
    .wen_zi_m3{
        display:block;
        min-height:0.1rem;
        width:auto;
        padding:0 0.05rem;
        color:#ffffff;
        font-size:0.24rem;
        word-break:break-all;
        /*line-height:0.5rem;*/
        -webkit-border-radius: 0.05rem;
        border-radius:0.05rem;
        position:absolute;
        left:0.25rem;
        top:0.1rem;
        background:deeppink;
    }
    /*商品列表*/
    .fruits_x_ma{
        height:auto;
        width:100%;
    }
    .fruits_x_ma .fruits_bu_mmg:last-of-type{
        border-bottom:0;
    }
    .fruits_bu_mmg{
        height:2.26rem;
        width:100%;
        border-bottom:0.01rem solid #f0f0f0;
    }
    .fruits_li_st{
        height:2.26rem;
        width:5.95rem;
        margin:0 auto;
        display:flex;
        /*   flex-wrap: wrap;*/
        justify-content:flex-start;
        /*  border-bottom:0.01rem solid #f0f0f0;*/
    }
    .fruits_Select_price{
        height:0.68rem;
        position:relative;
        top:0;
    }
    .fruits_Select_price span{
        display:block;
        color:#fc1dac;
        font-size:0.18rem;
        width:2rem;
        height:0.68rem;
        line-height:0.68rem;
    }
    .fruits_Select_price strong{
        font-size:0.24rem;
    }
    .fruits_Select_price img{
        display:block;
        position:absolute;
        top: -0.08rem;
        right:0.2rem;
        height:0.6rem;
        width:0.6rem;
    }
    .fruits_x_m{
        /* flex:1;*/
        height:2.26rem;
        width:2.12rem;
        position:relative;
    }
    .fruits_x_m img{
        /* display:block;*/
        width:2rem;
        height:2rem;
        margin:0 auto;
    }
    .fruits_x_right{
        height: 1.76rem;
        width:3.84rem;
        /* flex: 1;*/
        padding-top: 0.5rem
    }
    .fruits_x_right h2{
        height:0.42rem;
        color:#4a4a4a;
        font-size:0.28rem;
        line-height:0.42rem;
        font-weight:normal;
        width:auto;
        overflow: hidden;;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .fruits_x_right p{
        height:0.35rem;
        color:#bababa;
        font-size:0.19rem;
        line-height:0.39rem;
    }
    /*促销商品*/
    .Promotion{
        width:100%;
        min-height:0.78rem;
        border-bottom: 0.01rem solid #f0f0f0;
    }
    .Promotion p:nth-of-type(1){
        width:100%;
        height:0.43rem;
        line-height:0.43rem;
        text-align:center;
        color:#303030;
        font-size:0.32rem;
        margin-bottom:0.1rem;
    }
    .Promotion p:nth-of-type(2){
        width:100%;
        height:0.35rem;
        line-height:0.35rem;
        text-align:center;
        color:#d4d4d4;
        font-size:0.22rem;
        margin-bottom:0.1rem;
    }
    /*海鲜列表*/
    #sea_1{
       /* overflow-y:scroll;*/
       /* overflow-x: hidden;*/
    }
    .sea_con{
        width:100%;
        height:2.56rem;
        margin-bottom:0.24rem;
    }
    .sea_con img{
        width:100%;
        height:2.56rem;
        display:block;
    }
    .list_f .f_food:nth-last-of-type{
        margin:0;
    }
    .fruits_mm{
        min-height:5rem;
        width:100%;
    }
    .d_list dl{
        width:1.2rem;
        height:0.56rem;
        float:left;
    }
    .d_list dl dt{
        height:0.15rem;
        color:#7c7c7c;
        font-size:0.15rem;
        line-height:0.15rem;
        margin-bottom:6px;
    }
    .d_list dl dd{
        height:0.1rem;
        width:1.08rem;
        background:#ff7b56;
        border-radius:5px;
    }
    .d_list button{
        float:left;
        width:1.36rem;
        height:0.33rem;
        color:#ffe6e1;
        background:#ff7043;
        border:0;
        font-weight:700;
        border-radius:10px;
        margin-top:0.1rem;
        margin-left:0.15rem;
    }
    .p_3 span{
        float:left;
    }
    .p_3 span:nth-of-type(1){
        height:0.5rem;
        line-height:0.5rem;
        color:#ff4800;
        font-size:0.2rem;
        width:0.8rem;
    }
    .p_3 span:nth-of-type(2){
        height:0.5rem;
        line-height:0.5rem;
        color:#ff4800;
        font-size:0.18rem;
    }
    .p_3 span:nth-of-type(3){
        height:0.5rem;
        line-height:0.5rem;
        color:#b8b8b8;
        font-size:0.15rem;
        text-decoration: line-through;
        margin-left: 0.1rem;
    }
    .apple_img img{
        display:block;
        height:1.8rem;
        width:1.8rem;
        overflow:hidden;
        margin:0 0.36rem 0.05rem 0.5rem;
    }
    .img_right p:nth-of-type(1){
        height:0.3rem;
        line-height:0.3rem;
        color:#4a4a4a;
        font-size:0.3rem;
        font-weight:700;
    }
    .img_right p:nth-of-type(2){
        height:0.5rem;
        line-height:0.5rem;
        color:#333;
        font-size:0.22rem;
    }
    #seafood_fruits_list{
        width:100%;
        height:0.5rem;
       /* overflow:hidden;*/
        margin-bottom:0.4rem;
    }
    #seafood_fruits_list,.swiper-container{
     /*   width:1.4rem;
        overflow: visible;
        margin-left:0rem;*/

    }
    #seafood_fruits_list .swiper-container .swiper-slide{
        line-height:0.5rem;
        text-align:center;
        color:#76cbff;
        font-size:0.19rem;
        width:1.4rem;
        height:0.5rem;
        background:#ebf7fe;
        margin: 0 0.1rem;
        border-radius:0.07rem;
    }
    #seafood_fruits_list .swiper-wrapper{
     /*   width:100%;*/
    }
    /*#seafood_fruits_list,.swiper-container,.swiper-wrapper {
        height:0.5rem;
        width:100%;
        display:flex;
        margin-bottom:0.48rem;
    }
    #seafood_fruits_list .swiper-slide {
        line-height:0.5rem;
        text-align:center;
        color:#76cbff;
        font-size:0.19rem;
        width:1.34rem;
        height:0.5rem;
        background:#ebf7fe;
        margin:0 9px;
        border-radius:7px;
    }*/
    .f_start li{
        flex:1;
        color:#a4a4a4;
        list-style:none;
        line-height:0.39rem;
        text-align:center;
        font-size:0.16rem;

    }
    .f_time li{
        flex:1;
        list-style:none;
        font-size:0.15rem;
        line-height:0.15rem;
        text-align:center;
        color:#a4a4a4;

    }
    .f_time li.selected{
        color: #000000;
    }
    .f_start li.selected{
        color: #000000;
        border-bottom: 1px solid #1b6e1f;
    }
</style>
